<!-- 
web-view 是一个 web 浏览器组件，可以用来承载网页的容器，会自动铺满整个页面。
开发一个套壳App，把下面<web-view></web-view>组件里src的网址链接替换成你想要的链接就可以了。
需要注意的是，如果是做套壳小程序，各小程序平台，web-view 加载的 url 需要在后台配置域名白名单，包括内部再次 iframe 内嵌的其他 url 。
-->
<template>
	<view>
		<!-- <web-view src="https://shouji2.pages.dev/" @message="shou" ref="gave" id="gave"></web-view> -->
		<web-view src="http://192.168.8.27:8080" @message="shou" ref="gave" id="gave"  ></web-view>

	</view>
</template>

<script>
	var _this;
	export default {
		data() {
			return {
				webviewContext: null,
				channel: null,
				// styles: {
				// 	height:'100cm'
				// },
			}
		},
		onLoad() {
			_this = this;
			window.addEventListener('message', this.shou)


		},
		onShow() {

		},
		methods: {
			shou(event) {
				console.log(event.detail.data)
				if (event.detail.data) {
					let type = event.detail.data[0].type
					console.log(type)
					if (type == "scan") {
						let data
						uni.scanCode({
							scanType: ['barCode', 'qrCode'],
							success: function(res) {
								// uni.showToast({
								// 	title: res.result,
								// 	duration: 5000
								// })
								data = {
									type: "res-scan",
									data: res.result
								}
								console.log(data)
								setTimeout(function() {
									_this.sendResult(data)
								}, 100)
							},
							fail: function(err) {
								console.log(err)
								// uni.showToast({
								// 	title: err,
								// 	duration: 5000
								// })

							}
						});
					}
				}


			},
			sendResult(result) {
				let wv = _this.getVw()

				setTimeout(function() {
					wv.evalJS(`receiveData('${JSON.stringify(result)}')`)
					// wv.setStyle({
					// 	top:100
					// })
				}, 300);


			},
			getVw() {

				var currentWebview = this.$scope.$getAppWebview();
				console.log(currentWebview)
				let wv = currentWebview.children()[0]
				return wv
			},
			onBackPress(options) {
				console.log('onBackPress：' + options);
			}


		}
	}
</script>

<style>
</style>